*{ margin:0; padding:0;}
body{overflow-x:hidden; }
div.bodybg{ width: 100%; position: fixed;height: 100vh; background: url(../image/bodybg.png) 50%/cover no-repeat; background-size: 100%; top: 0; left: 0; z-index: -1;}
em{ font-style: normal;font-family:'din';}
ul{ margin:0; padding:0;}
li{list-style:none;font-family:"Microsoft YaHei","微软雅黑","verdana","宋体";}
.clear {height:0px;clear:both;}
textarea{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";}
div{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";}
p{font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体"; margin:0; padding:0;}
a{text-decoration:none;font-family:"Microsoft YaHei","微软雅黑","黑体","verdana","宋体";}
a:hover{text-decoration:none;}
img{ border:none;image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */}
.px-0{ padding:0 0;}

.mx-0{ margin:0 0;}
.mbpx-0{padding:0 0;}
html {
          font-size: 100px; /*根元素默认的大小是16px*/
        }
.max-1920{ max-width:1920px !important; margin:auto;}		
::-webkit-scrollbar { width: 3px; }
::-webkit-scrollbar-track { background-color: transparent;  }
::-webkit-scrollbar-thumb { background-color:#333;  width:3px}		
@media screen and (max-width: 1680px){
	html{
		font-size:80px;
	}
}		
@media screen and (max-width: 1440px){
	html{
		font-size:80px;
	}
}

@media screen and (max-width: 1200px){
.hidden-1280{ display:none !important;}
}
@media screen and (max-width: 1024px){
	html{
		font-size:60px;
	}
}
@media screen and (max-width: 768px){
	html{
		font-size:80px;
	}
	
}

.pagination p {
	margin: 0;
	cursor: pointer;
	
}
.pagination {
	height: .4rem;
	text-align: center;
	width:100%;

	margin-bottom:40px;
}
.pagination a {
	display: inline-block;
	margin-right: 10px;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	text-decoration: none;
	color: #999;
	font-size: .14rem;
	
	text-align: center;
	border: 1px solid #aaaaaa;
	transition:all 0.3s ease-in-out;

}
.pagination a:hover {
	color: #fff;
	background-color: #6fba2c;
	border: 1px solid #6fba2c;

}
.pagination a.cur {
	display: inline-block;
	margin-right: 10px;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	
	text-decoration: none;
	color: #fff;
	font-size: .14rem;
	text-align: center;
	
	transition:all 0.3s ease-in-out;
	color: #333;

}
.pagination p {
	display: inline-block;
	font-size: 14px;
	width: .4rem;
	height: .4rem;
	line-height: .4rem;
	border-radius: 50%;
	border: 1px solid #aaaaaa;
	color: #6c6c6c;
	text-align: center;
	background: #fff;
	margin-right: 8px;
	
}
.pagination p.pageRemark {
	border-style: none;
	background: none;
	margin-right: 0px;
	padding: 4px 0px;
	color: #fe6600;
	
}
.pagination p.pageRemark b {
	color: red;
}
.pagination p.pageEllipsis {
	border-style: none;
	background: none;
	padding: 4px 0px;
	color: #fe6600;
	border-radius:50%;
}
.dates li {
	font-size: 14px;
	margin: 20px 0
}
.dates li span {
	float: right
}
.pagination .page_xyy {
	width: .4rem;
	height: .4rem;
	
	border:none;
	line-height: .4rem;
	
	text-decoration: none;
	color: #6c6c6c;
	font-size: .14rem;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #aaaaaa;


	
}
.pagination .page_xyy:hover{ width: .4rem;
	height: .4rem;

	color: #333;
}
.pagination .page_syy {
	 width: .4rem;
	height: .4rem;
	line-height:.4rem;
	border:none;
	text-decoration: none;
	color: #6c6c6c;
	font-size: .14rem;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #aaaaaa;

	transition:all 0.2s ease-in-out;
	

}
.pagination .page_syy:hover{  width: .4rem;
	height: .4rem;
	color: #333;
	
	}
.pagination .page_shouye {
	width: 39px; 
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none;
}

.pagination .page_weiye {
	width: 39px;
	height: 39px;
	border-radius:50%;
	padding: 0;
	margin-top: 4px;
	background:none;
	display:none; 
}

@font-face{font-family:'din';src: local('din'), url(../image/din.woff) format('woff');}

@font-face{font-family:'MontserratLight';src: local('MontserratLight'), url(../image/MontserratLight.woff) format('woff');}

@font-face{font-family:'BEBAS';src: local('BEBAS'), url(../image/BEBAS.woff) format('woff');}

@font-face{font-family:'GOTHICB';src: local('GOTHICB'), url(../image/GOTHICB.woff) format('woff');}

div.indexbannerback{ width: 100%; height:100vh;}

div.indexbannerbk{ width: 100%; height: 100vh;}

div.indexbannerbk img{ left: 6%; display: inline-block; position: absolute; top: 35%;}

div.indexnavback{ width: 100%; height: auto;  position: fixed; left: 0; top: 0;  padding:0 6%; z-index: 999999; background: rgba(0,0,0,0.3); transition: all 0.2s ease-in-out;}

div.indexnavlogo{ float: left; width: 111px;    margin-top: 5px; transition: all 0.2s ease-in-out;}

div.indexnavlogo img{ width: 100%;} 

/* div.indexnavbackhover{ width: 100%; height: auto; position: fixed; left: 0; top: 0; padding: 10px 3% 0 3%; z-index: 999999; background: rgba(0,0,0,0.3); transition: all 0.2s ease-in-out; z-index: 999999;}

div.indexnavbackhover div.indexnavlogo{ float: left; width: 100px;    margin-top: 22px; transition: all 0.2s ease-in-out;}

div.indexnavbackhover div.indexnavxl{ padding-top:67px; }

div.indexnavbackhover div.indexnavxlnav:nth-child(1) {
    border-top: 1px solid rgba(0,0,0,0.4);
}
div.indexnavbackhover div.indexnavxlnav {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
	background: rgba(0,0,0,0.3);
}

div.indexnavbackhover div.indexnavxlnav a {
    width: 100%;
    height: 100%;
    display: block;
    color: #fff;
    transition: all 0.2s ease-in-out;
}

div.indexnavbackhover div.indexnavxlnav:hover {
    background: rgba(0,0,0,0.4);
} */

div.indexnavrt{ float: right; height: 109px;}

div.indexnav{ float: left;  color: #ffffff; font-size: 16px; margin-left: .4rem; position: relative; height: 109px;}

div.indexnav>a{ color: #fff; position: relative; z-index: 99; height: 109px; line-height: 109px;}

div.indexbannerbottombk{ width: 100%; height: auto; position: absolute; padding: 0 6%; left: 0; bottom:0.2rem; z-index: 9999;}

div.indexbannerbottomrtlt{
	position: fixed;
	    top: 50%;
	    right: 1%;
	    margin-top: -163px;
	    z-index: 100;
	    width: 50px;
}

div.indexbannericon{ width:50px; height: 50px; margin-top: 7px; cursor: pointer; position: relative; background-color: #6fba2c; text-align: center; vertical-align: middle;border-radius: 5px;}

div.indexbannericon img {
	margin-top: 12px;
}

div.indexbannericonword{ width: 190px; position: absolute; right:60px;top: 0; line-height: 35px; height: auto; color: #fff; font-size: 14px; display: none; background-color: #6fba2c; padding: 10px 20px;border-radius: 5px;}

div.indexbannericonword:after {
    display: block;
    content: " ";
    border-style: solid dashed dashed dashed;
    border-color: transparent transparent transparent #6fba2c;
    border-width: 9px;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: -18px;
    margin-left: -12px;
}

div.indexbannericon:hover div.indexbannericonword{ display: block;}

div.indexbannerbottomline{   
    float: left;
    height: 1px;
    background: #c9d0d5;
	display: none;
    margin-top: 19px;}

div.indexbannerbottomrt{ margin: 0 auto; text-align: center;} 

div.indexbannerbottomrtjtl{ width: 35px; height: 35px; cursor: pointer;transition: all 0.2s ease-in-out; display: inline-block;}

div.indexbannerbottomrtjtr{ width: 35px; height: 35px; margin-left: .2rem;cursor: pointer; transition: all 0.2s ease-in-out; display: inline-block;}

div.indexbannerbottomrtjtl:hover{-webkit-transform: rotate(360deg);}

div.indexbannerbottomrtjtr:hover{-webkit-transform: rotate(360deg);}

div.indexoneback{ width:100%; max-width: 1260px; height: auto; margin: auto; }

div.indexoneentitle{ width: 100%; height: 31px; line-height: 31px; text-align: center; color: #010101; opacity: 0.7; font-size: 25px;font-family:'din'; font-weight: 700;}

div.indexonecntitle{ width: 100%; height: 149px;
    line-height: 149px;
    text-align: center;
    color: #333333;
    font-size: 48px;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid #eee;
    margin:  30px auto;}
div.indexonecntitle  span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;
}

div.indexoneline_1{ width: 92px; height: 1px; background: #cccccc; margin: auto; margin-top: 8px;}

div.indexoneline_2{ width: 62px; height: 1px; background: #cccccc; margin: auto; margin-top: 8px;}

div.indexone{ width: 100%; height: auto; margin: auto; margin-top: 58px; overflow: hidden;}



.workbox ul{


	width:calc(100% + 30px);

	height:auto;

	overflow:hidden;
	margin-bottom: 50px;

}

.w960 .workbox ul{

	width:1200px;

	height:auto;

}

.workbox li{

	float:left;

	width:calc(33.33% - 30px);
	
	box-sizing:content-box;
	padding-right: 30px;

}

.workbox li.a0{

	border:none;

}

.workbox li.a1{


}

.workbox li.a2{

}

.workbox li.a3{


}

.workbox li a{

	display:block;

	position:relative;

}

.workbox li img{

	width:100%;

	height:auto;

}

.workbox li .d01{

	position:absolute;

	width:100%;

	height:100%;

	left:0;

	top:0;

	background:rgba(0, 0, 0, 0.4); 

	color:#fff;

}

.workbox li .d01 span {

    display: block;

    width: 49px;

    margin: 25px;
	float: right;

}

.workbox li .d01 .d02 h3{

	position:absolute;

	left:30px;

	font-size:18px;

	transition:all .5s;

}

.workbox li:hover .d01 .d02 h3.h01

,.workbox li.a .d01 .d02 h3.h01{

	opacity:0;

	transform:scale(0);

	-ms-transform:scale(0);

	-moz-transform:scale(0);

	-webkit-transform:scale(0);

	-o-transform:scale(0);

}

.workbox li .d01 .d02 h3.h02{

	opacity:0;

	bottom:30px;

	transition:all .5s;

	transform:scale(0);

	-ms-transform:scale(0);

	-moz-transform:scale(0);

	-webkit-transform:scale(0);

	-o-transform:scale(0);

}

.workbox li:hover .d01 .d02 h3.h02

,.workbox li.a .d01 .d02 h3.h02{

	transform:scale(1);

	-ms-transform:scale(1);

	-moz-transform:scale(1);

	-webkit-transform:scale(1);

	-o-transform:scale(1);

	opacity:1;

}

.workbox li .d01 .d02 h3 p{

	text-transform:uppercase;
	
	font-family:'MontserratLight';
	font-size:12px;
	letter-spacing: 3px;
}

.w960 .workbox li .d01 .d02 h3 p{

	font-size:14px;
	
	

}

.workbox li .d01 .d02 em{

	position:absolute;

	width:35px;

	height:35px;

	line-height:32px;

	text-align:center;

	border-radius:50%;


	color:#fff;

	bottom:30px;

	opacity:0;
	

}

.workbox li .d01 .d02 em.e01{

	left:30px;

	opacity:.5;

}

.workbox li:hover .d01 .d02 em.e01

,.workbox li.a .d01 .d02 em.e01{

	opacity:0;

}

.workbox li .d01 .d02 em.e02{

	right:60px;

	opacity:0;

	transition:all .5s;

	transform:scale(0);

	-ms-transform:scale(0);

	-moz-transform:scale(0);

	-webkit-transform:scale(0);

	-o-transform:scale(0);

}

.workbox li:hover .d01 .d02 em.e02

,.workbox li.a .d01 .d02 em.e02{

	opacity:1;

	right:30px;

	transform:scale(1);

	-ms-transform:scale(1);

	-moz-transform:scale(1);

	-webkit-transform:scale(1);

	-o-transform:scale(1);

}


div.indexonemoreback{ width: 186px; height: 42px; margin: auto; transition: all 0.2s ease-in-out; position: relative; top: 0;}

div.indexonemoreback a{ width: 100%; height: 42px; display: block; line-height: 42px;
    text-align: center;
    color: #fff;
    background: #208af8;
    margin: auto;
    margin-top: 40px;
    border-radius: 5px;
    margin-bottom: 40px;}

div.indexonemoreback a:hover{ background: #6fba2c;}

/* div.indextwoback{ width:100%; height: auto; background: url(../image/bg01.jpg) center; background-size: 100%;margin-top: 0.7rem;padding-top: 0.5rem;padding-bottom: 0.3rem;} */

div.indextwoback{ width:100%; height: auto; margin-top: 0.7rem;padding-bottom: 0.3rem; background-color:#fff;}

div.indextwotitlebk{ width: 100%; height: auto; padding: 0 4.8%;}

div.indextwotitlecn{ text-align: center;
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto;}
div.indextwotitlecn span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;
}

div.indextwotitleen{ height: .43rem; line-height: .43rem; color: #333; font-size: .3rem;font-family:'din'; text-transform: uppercase; opacity: 0.5; letter-spacing: 3px;}

div.indextwomain{ width: 12.86rem; height: 5.95rem; margin: auto; position: relative;}

div.indextwoicon{ width: .3rem; height: .3rem; line-height: .28rem; text-align: center; border-radius: 50%; position: absolute; left: 4.2rem; top: 1.59rem; background: #0097bc; transition: all 0.2s ease-in-out; cursor: pointer;}

div.indextwoiconword{ width: 100%;  font-family:'MontserratLight'; font-size: .26rem; color: #fff;}

div.indextwoiconcontent{ width: 297px; height: 0px; overflow: hidden; background: url(../image/indextwocontentbg.png) center bottom no-repeat; position: absolute; top: 0; left: 50%; margin-left:-148.5px; border-top-left-radius: 15px; border-top-right-radius: 15px; overflow: hidden;transition: all 0.2s ease-in-out;}

div.indextwoiconcont{ width: 100%; height: 275px; background: #fff; padding: 0 29px;}

div.indextwoiconconttitle{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #010101; font-size: 16px; overflow: hidden;}

div.indextwoiconcontpic{ width: 100%; height: 124px; margin-bottom: 16px; }

div.indextwoiconcontpic img{ width: 100%; height: 124px;}

div.indextwoiconcontdesc{ width: 100%; height: 80px; text-align: left; line-height: 16px; overflow: hidden; color: #333333; font-size: 12px;}

div.indextwoicon:hover{ background: #208af8;}

div.indextwoicon:hover div.indextwoiconcontent{top: -305px;height: 300px; z-index: 999;}

div.indextwoicontitle_1{ width: 140px; height: 37px; line-height: 37px; position: absolute; left: 50%; margin-left: -70px; top: -43px; text-align: center; color: #0099cc; font-size: 18px; opacity: 1; transition: all 0.2s ease-in-out;}

div.indextwoicon:hover div.indextwoicontitle_1{ opacity: 0;}


@-webkit-keyframes warn{
0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{
0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}

.area-box .dot{position:absolute;left:0;width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:30px;width:30px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}

.region-list.active .area-box .dot{}
.region-list.active .area-box .pulse{border-color:#fff;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #fff,0 0 20px #fff inset;-moz-box-shadow:0 0 12px #fff,0 0 20px #0080d9 inset;box-shadow:0 0 12px #fff,0 0 20px #fff inset}
.region-list.waite .area-box .dot{background:#fff}
.region-list.waite .area-box .pulse{border-color:#fff}
.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:127px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}
.postition-10 .show-regin span{left:0}
.postition-6 .show-regin span{left:-72px}
.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#ccc}
.region-list.waite .show-regin span{color:#ccc}
.postition-9{width:150%;height:150%; left:-25%; top:-25%; position:absolute; opacity: 0; transition: all 0.2s ease-in-out;}
.postition-9.region-list.active .area-box .pulse{    top: 0;
    left: 0;width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}

div.indextwoicon:hover .postition-9{ opacity: 1;}

div.indextwoicon_1{ top: 2.57rem; left: .75rem;}

div.indextwoicon_1 div.indextwoicontitle_1{ top: -98px; color: #fff;}

div.indextwoicon_2{  top: 3.47rem; left: 2.8rem;}

div.indextwoicon_3{ top: 4.15rem; left: 3.73rem;}

div.indextwoicon_4{ top: 4.79rem; left: 4.78rem;}

div.indextwoicon_5{ top: 5rem; left: 6rem;}

div.indextwoicon_6{ top:3.61rem; left: 7.72rem;}

div.indextwoicon_7{ top:3.82rem; left: 9.19rem;}

div.indextwoicon_8{ top:1.34rem; left: 9.22rem;}

div.indextwoicon_9{ top:2.86rem; left: 10.23rem;}

div.indextwoicon_10{ top:1.88rem; left: 11.7rem;}

div.indextwoicon_11{ top:4.74rem; right: -0.3rem; left: auto; background: #fff; }

div.indextwoicon_11 div.indextwoicontitle_1{color: #fff;}

div.indextwoicon_11 div.indextwoiconword{color: #0097bc;}

div.indextwoicon_11:hover div.indextwoiconword{color: #fff;}


div.indextwoicon_12{     top: 0.68rem;  left: 6.5rem;}

div.indexthreeback{ width: 100%; max-width: 1260px; margin: auto; }

div.indexthreelist{ width: calc(33.33% - 30px); float: left; height: auto; margin: 0 15px; margin-bottom: 35px; 
background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
	padding: 30px;
}

div.indexthreelistpic{ width: 90px; height: 90px; border-radius: 50%; background: #e6e6e6; overflow: hidden; margin: auto;transition: all 0.2s;}

div.indexthreelistpic img{ width: 100%;}

div.indexthreelisttitle{ width: 100%; height: 75px; line-height: 75px; text-align: center; color: #263646; font-size: 20px; font-weight: 100;}

div.indexthreelistdesc{ width: 100%; height: 120px; overflow: hidden; line-height: 24px; margin-top: 15px; color: #666666; font-size: 14px; text-align: center;}

div.indexthreelist:hover div.indexthreelistpic{ background: #6fba2c;
transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}

div.indexthreelist:hover div.indexthreelistpic img{filter: brightness(3);}

div.indexfourback{ width: 100%; height: 220px; background: url(../image/indexfourbg.jpg) center no-repeat; margin-top: 30px;}

div.indexfourleft{ width: 40%; float: left; height: auto; margin-top: 47px; }

div.indexfourleft_1{ width: 100%; height: 39px; line-height: 39px; color: #ffffff; font-size: 24px; font-weight: 100; }

div.indexfourleft_2{ width: 100%; height: 43px; line-height: 43px; color: #fff; font-size: 30px; font-weight: 100;}

div.indexfourleft_3{ width: 100%; height: auto; line-height: 19px; margin-top: 4px;  color: #ffffff; font-size: 12px;}

div.indexfour{ width: 1200px; height: auto; margin: auto;}

div.indexfourmiddle{ width: 60%; float: left; margin-top: 20px; padding-left: 20px;}

div.indexfourmiddlenav{ width: calc(50% - 10px); height: 36px; float: left; background: rgba(255,255,255,1);  overflow: hidden;}

div.indexfourmiddlenav input{ width: 100%; height: 100%; display: block;  background: none; border: none; outline: none; padding-left: 8px; color: #999; font-size: 12px;}

div.indexfourmiddlenav input::placeholder{ color: #999 !important;}

div.indexfourmiddletextarea{ width: 100%; height: 77px;background: rgba(255,255,255,1); margin-top: 15px;  overflow: hidden;}

div.indexfourmiddletextarea textarea{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; padding: 0 8px; line-height: 32px; color: #999;}

div.indexfourmiddletextarea textarea::placeholder{ color: #999 !important;}

div.indexfourrt{ width: 285px; height: auto; margin: 15px auto 0;}

div.indexfoursubmit{ width: 100%;  height: 36px; /* border-top-right-radius:25px;  border-bottom-left-radius:25px; */ background: #208af8; line-height: 36px; text-align: center; color: #ffffff; font-size: 16px; border-radius: 5px;transition: all 0.2s;}
div.indexfoursubmit:hover{ background-color: #6fba2c;}

div.indexfoursubmit input{ width: 100%; height: 100%; display: block; background: none; border: none; outline: none; cursor: pointer;}

div.indefouryzm{ margin-top: 14px; height: 47px;}

div.indefouryzmlt{ width:120px; height: 47px; line-height: 47px; color: #fff; float: left;}

div.indefouryzmlt input{ width: 95%; height: 100%; display: block; background: none; border: none; outline: none; color: #fff; font-size: 14px; border: 1px solid #fff; margin: auto;}

div.indefouryzmlt  input::placeholder{ color: #fff !important;} 

div.indefouryzm img{ float: left; margin-left: 5px; height: 47px; border: 2px solid #7f7f7f;}

div.indexfiveback{ width: 100%; max-width: 1200px; margin: auto; margin-top: 40px; } 

div.indexfivenavbk{ width: 100%; height: auto; margin: auto; text-align: center; margin-top: 26px;}

div.indexfivenav{ width: 96px; height: 42px;line-height: 42px; text-align: center; /* border-top-right-radius:15px; border-bottom-left-radius:15px; */ overflow: hidden;background: #208af8; margin: 0 16px; display: inline-block; transition: all 0.2s ease-in-out; border-radius: 5px;}

div.indexfivenav a{ width: 100%; height: 100%; display: block;  color: #ffffff; font-size: 16px;}

div.indexfivenav1{ width: 96px; height: 42px;line-height: 42px; text-align: center; border-top-right-radius:15px; border-bottom-left-radius:15px;  overflow: hidden;background: #208af8; margin: auto; margin-top: 35px; transition: all 0.2s ease-in-out;}

div.indexfivenav1 a{ width: 100%; height: 100%; display: block;  color: #ffffff; font-size: 16px;}

div.indexfivenav:hover{  background:#6fba2c; }
div.aNow{  background:#6fba2c; }

div.indexfivenavbg{background: #6fba2c;}

div.indexfivelistout{ display: none;}

div.indexfivelist{ width: 380px; height: 287px; border-bottom: 0 solid #bfd5c9; float: left; margin-top: 20px; margin-left: 0; position: relative; background-color: #fff;}
div.indexfivelist:nth-of-type(3n){margin-right: 0;}

div.indexfivelist:hover { 
/* -moz-box-shadow:2px 2px 30px #ccc;
-webkit-box-shadow:2px 2px 30px #ccc;
box-shadow:2px 2px 30px #ccc; */
transition: all 0.2s;
background-color: #6fba2c;
}

div.indexfiveh{ width: 364px; height: 200px; background: rgba(0,0,0,0.4); position: absolute; left: 8px; top:8px; padding-top: 90px; opacity: 0; transition: all 0.2s ease-in-out;}

div.indexfivelist:hover div.indexfiveh{ opacity: 1;}

div.indexfiveh a{ display: block; width: 100%; height: 100%;}

div.indexfivelistpic{  width: 364px; height: 200px; margin: 8px 8px 22px 8px; overflow: hidden;}

div.indexfivelistpic img{ width: 100%; height: 100%;transform: scale(1); transition: all 0.2s ease-in-out;}

div.indexfivelist:hover div.indexfivelistpic img{transform: scale(1.1);}
div.indexfivelist:hover  a {
						color: #fff;
					}

div.indexfivelisttitlebk{ width:100%; height: auto;}

div.indexfivelisttitle{ width: 100%; height: 26px; line-height: 26px; overflow: hidden; float: left; color: #666666;font-size: 16px;text-indent: 2em;}

div.indexfivelisttitle a{ color: #666;}




div.indexfivelistvr{ width:103px; height: 26px; float: right; text-align: center; line-height: 26px; border-radius: 30px; border: 1px solid #919191;}

div.indexfivelistvr a{ color: #919191; display: block; width: 100%; height: 100%;}

div.indexfivehmore{ width: 139px; height: 34px; margin: auto; line-height: 34px; text-align: center; line-height: 34px; color: #ffffff; font-size: 14px; border: 1px solid #fff; border-radius: 30px;}

div.indexfivehmore a{ color: #fff;}

div.index_ad2bk{ width: 100%; height: 266px; background: url(../image/indexad_2bg.jpg) center no-repeat; margin-top: 60px;}

div.index_adtel{ width:235px; height: 59px; line-height: 59px; text-align: center; color: #ffffff; font-size: 30px; float: right; margin-right: 22px;font-family:'MontserratLight';    margin-top: 85px;}

div.index_ad2main{ width: 1200px; height:auto; margin: auto; }

div.index_adzx{ width: 238px; height: 37px; float: right; margin-top: 14px; margin-right: 20px;}

div.index_adzx a{ display: block; width: 100%; height: 100%;}

div.indexsixback{ width: 1200px; height: auto; margin: auto;}

div.indexsixleft{ width:542px; height:auto; float: left;  position: relative; overflow: hidden;}
.videos{ display:none;  position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:100000000000; overflow: hidden; background-color: rgb(0, 0, 0, 0.4); width: 100%; height: 100%; padding: 50px;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }


div.indexsixrtbk{ width: 517px; height: auto; float: left; margin-left: 80px; overflow: hidden;}

div.indexsixtitleback{ width: 125px; height: auto;}

div.indexsixdesc{ width: 100%; height: 217px; overflow: hidden; line-height: 31px; color: #6a6a6a; font-size: 14px; color: #6a6a6a; font-size: 14px; margin-top: 35px; margin-top: 35px;}

div.indexsixmore{ width: 116px; height: 42px; background: #208af8; /* border-bottom-left-radius: 15px; border-top-right-radius: 15px; */ font-size: 16px; float: left; line-height: 42px; text-align: center; margin-top: 30px; float: left; margin-right:.28rem; transition: all 0.2s ease-in-out; border-radius: 5px;}

div.indexsixmore:hover{ background: #6fba2c;}
 
div.indexsixmore a{ width: 100%; height:100%; display: block; font-family: 'din'; color: #fff;}

div.indexsevenbk{ width: 100%; height: auto;  margin-top: 0; margin-bottom: 85px;}

div.indexseven{ width:1200px; margin: auto;}

div.indexsevenlistbk{ width: 522px; height: auto; float: left; margin-left: 0;}

div.indexsevenlistnavbk{ width: 522px; height: 52px; border-bottom: 2px solid #d6d6d6;position: relative;}
div.myline {
	height: 3px;
	background-color: #208af8;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 145px;
}
div.myline1 {
	height: 3px;
	background-color: #208af8;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 185px;
}

div.indexsevenlistnav{ width: 160px; height: 50px; color: #3399cc; font-size: 18px; float: left; transition: all 0.2s ease-in-out; line-height: 50px; text-align: left;}

div.indexsevenlistnav a{ color: #3399cc; display: block; width: 100%; height: 100%; transition: all 0.2s ease-in-out;}

div.indexsevenlistnav:hover{}

div.indexsevenlistnav:hover a{}

div.indexsevenlistnavbg{}

div.indexsevenlistnavbg a{color: #333333;font-size: 24px;}
div.indexsevenlistnavbg span{font-size: 16px; padding:0 10px;}

div.indexsevenlistout{ margin-top: 47px; display: none;}

div.indexsevenlist{ width: 100%; height: 92px;transition: all 0.2s ease-in-out;margin-top: 8px; background: #fff; -moz-box-shadow:2px 2px 30px #ccc;
-webkit-box-shadow:2px 2px 30px #ccc;
box-shadow:2px 2px 30px #ccc;}

div.indexsevenlistlt{ width: 85px; height: 76px; float: left;margin-top: 8px;margin-left: 8px;}

div.indexsevenlistlt_1{ width: 100%; height: 56px; line-height: 56px; text-align: center; color: #333333; font-size: 30px; font-family: "din"; transition: all 0.1s ease-in-out;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;}

div.indexsevenlistlt_2{ width: 100%; height: 20px; line-height: 20px; text-align: center; color: #fff; font-size: 14px;font-family: "din";background-color: #208af8;}

div.indexsevenlistrt{ float: right; width: 370px; float: left; margin-left: 20px; margin-top: 8px;}

div.indexsevenlistrttitle{ width: 100%; height: 28px; line-height: 28px; overflow: hidden; color: #333333; font-size: 16px; margin-bottom: 2px; }

div.indexsevenlistrtdesc{ width: 100%; height: 48px; overflow: hidden; line-height: 24px; color: #666; font-size: 12px;}

div.indexsevenlist:hover{ background: #6fba2c;}
div.indexsevenlist:hover .indexsevenlistrttitle{ color: #fff;}
div.indexsevenlist:hover .indexsevenlistrtdesc{ color: #fff;}
div.indexsevenlist:hover .indexsevenlistlt_1 { color: #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
div.indexsevenlist:hover .indexsevenlistlt_2 {
	background-color: #fff;
	color: #6fba2c;
}



div.indexsevenlistout1{ display: block !important;}

div.indexsevenlistnavbg1{}

div.indexsevenlistnavbg1 a{color: #333333;font-size: 24px;}
div.indexsevenlistnavbg1 span{font-size: 16px; padding:0 10px;}


div.indexsevenlistnav1{ width: 280px; height: 50px; color: #3399cc; font-size: 18px; float: left; transition: all 0.2s ease-in-out; line-height: 50px; text-align: left;}




div.indexsevenmore{ width: 116px; height: 42px;  /* border-bottom-left-radius: 15px; border-top-right-radius: 15px; */ font-size: 16px; float: left; line-height: 42px; text-align: center; margin-top: 30px; float: left; margin-right:.28rem; transition: all 0.2s ease-in-out; border-radius: 5px;background-color: #208af8; }
 
div.indexsevenmore a{ width: 100%; height:100%; display: block; font-family: 'din'; color: #fff;}

div.indexsevenmore:hover{background: #6fba2c;}

div.indexsevenmore:hover a{ color: #fff;}

div.indexfinbk{ width: 100%; height: 255px; background: #f2f2f2;}

div.indexfinlt{ float: left; margin-top: 76px;margin-left: 15px;}

div.indexfinlt_1{ height: 54px; line-height: 54px; color: #272727; font-size: 30px; font-weight: 700; }

div.indexfinlt_2{ height: 45px; line-height: 45px; color: #272727; font-size: 18px;}

div.indexfin{ width: 1200px; height: auto; margin: auto;}

div.indexfinrt{ width: 246px; height: 54px; float: right; margin-top: 100px; margin-right: 42px; background: #208af8;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
	text-align: center;
	line-height: 54px;
	color: #fff;
}

div.indexfinrt:hover {
	background-color: #6fba2c;
}

div.indexfinrt a{ width: 100%; height: 100%; display: block;
	color: #fff;
	font-size: 16px;}

div.publicfooterback{ width: 100%; height: auto; background: #272727;}

div.publicfooter{ width: 1200px; height: auto; margin: auto; margin-bottom:64px;  display: flex;
            flex-flow: row wrap;justify-content: space-between;}
 
div.publicfooterlt{ float: left; /* width: 470px; margin-left: 18px; */ margin-top: 50px;}

div.publicfooterlt_1{ height: 37px; line-height: 37px; color: #ffffff; font-size: 16px;}

div.publicfooterlt_2{ height: 61px; line-height: 61px; color: #ffffff; font-size: 41px; margin-bottom: 10px;font-family:'BEBAS';}

div.publicfooterlt_3 img{ margin-right: 12px;height: 100%;}

div.publicfooterlt_3{ height: 24px; line-height: 24px; color: #ffffff; font-size: 14px; margin: 6px auto;}

div.publicfootermd{ /* width:209px; margin-left: 10px; */ height:auto; float: left; margin-top: 50px; }

div.publicfootermdtitle{ width: 100%; height: 37px; line-height: 37px; color: #ffffff; font-size: 16px;}

div.publicfootermdlist{ width: 100%; height: auto; line-height: 28px; color: #cccccc; font-size: 14px;}

div.publicfootermdlist a{ color: #cccccc; display: block;}

div.publicfootermdlist span{ font-size: 16px; color: #ccc;}

div.publicfootermdlist a:hover{ color: #fff;}

div.publicfooterrt{ width: 113px; /* margin-right: 57px; */ height: auto; float: right; margin-top: 50px;}

div.publicfooterrttitle{ width: 100%; height: 37px; line-height: 37px; color: #ffffff; font-size: 16px;}

div.publicfooterrtsubtitle{ width: 100%; height:28px; line-height: 28px; color: #cccccc; font-size: 14px; margin-bottom: 9px;}

div.publicfooterrt img{ width: 113px; height: auto;}

div.publicfooterbottombk{ width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; position: relative; background-color: #222; /* border-top: 1px solid #cccccc; */}

div.publicfooterbottomtitle{ width: 100%; height: auto; line-height: 34px; color: #cccccc; text-align: center; font-size: 12px;}

div.publicfooterbottomtitle a{ color: #cccccc;} 

div.publicfooterbottomtitle a:hover{ color: #fff;}

div.publicfooterbottomtitle_1{ width: 100%; height: auto; line-height: 33px; text-align: center; color: #cccccc; font-size: 14px;}

div.publicfooterbottomtitle_1 a{ color: #cccccc;}

div.publicfooterbottomtitle_1 a:hover{ color: #fff;}

div.scrollTopbk{ width: 130px; height: 33px; position: fixed; bottom: 45px; right: 42px; background: url(../image/backtop.png) center no-repeat; cursor: pointer; z-index: 10;}



div.indexnavlineback{ width:52px; height:17px; position: absolute; left: 50%; margin-left: -26px; top: -22px; background: url(../image/navhoverbg.png) repeat-x; opacity: 0; transition: all 0.2s ease-in-out;}

div.indexnav:hover div.indexnavlineback{ opacity: 1;}

div.nyheadback{ width: 1200px; margin: 0 auto; height: 102px; background: #fff; /* position: fixed; top: 0;left: 0;*/ z-index: 999999; /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); */}

div.nyheadlogo{ width: 200px; height: auto; float: left; margin-top: 0;}

div.nyheadright{ float: right; margin-top: 41px;}

div.nyheadrightlt{ float: left;  height: 22px; }

div.nyheadrightltnav{ float: left;margin-left: 0.3rem; height: 22px; line-height: 22px; color: #0c475f; font-size: 16px; position: relative;}

div.nyheadrightltnav>a{ color: #0c475f; position: relative; z-index: 99;}

div.nyheadrighttel{ float: left; height: 22px; line-height: 22px; font-size: 18px; color: #0c527c;font-family:'BEBAS'; margin-left: 25px; text-align: center; margin-top: -15px; font-weight: bold;}

div.nyheadrightltnavbg{ width: 51px; height: 18px; background: url(../image/nyhoverbg.jpg) center no-repeat; position: absolute; left: 50%; margin-left: -26px; top: -19px; opacity: 0; transition: all 0.2s ease-in-out; }

div.nyheadrightltnav:hover div.nyheadrightltnavbg{ opacity: 1;}

div.nybannerback{ width: 100%; height: 457px;}

div.nygywmnavback{ width: 100%; height: auto; margin: 0 auto 50px; text-align: center;  border-bottom: 1px solid #eee;

	background-color: #fff;
}

div.nygywmnav{ width: auto; height: 80px; /* border-bottom-left-radius: 15px; border-top-right-radius: 15px; */ text-align: center; line-height: 80px; display: inline-block;  padding: 0 30px; font-size: 16px;}

div.nygywmnav a{ width: 100%; height: 100%; display: block; transition: all 0.2s ease-in-out; color: #333;}

div.nygywmnav:hover{ border-bottom: 3px solid #6fba2c; color: #6fba2c;}
div.nygywmnav:hover a{color: #6fba2c; font-weight: bold;}

div.nygywmnavbg{background: #6fba2c;}

div.gywmoneshipback{ width: 1200px; height: 447px; margin: auto; background: url(../image/gywmonepic.jpg) center no-repeat; margin-bottom: 59px; cursor: pointer; background-size: 100%;}

div.gywmone{ width: 1200px; height: auto; margin: auto;}

div.gywmonelt{ width: 385px; height: 303px; float: left; margin-top: 30px;}

div.gywmonert{ float: left; width: 682px; margin-left: 39px; height: auto; line-height: 37px; color: #333339; font-size: 30px;}

div.gywmonerttitle{ width: 100%; height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto 30px;
    color: #333333;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

div.gywmonerttitle span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;
}

div.gywmonertdesc{ width: 100%; height: auto; line-height: 24px; color: #6a6a6a; font-size: 14px; margin-top: 35px;}

div.gywmtwoback{ width:1200px; height: auto; margin: 30px auto 0; overflow: hidden;}

div.gywmtwoback dl{ 
	width: 380px;
	height: 320px;
	margin-right: 30px;
	margin-top: 30px;
	float: left;
	background: url(../image/gywmtwomain.jpg) center no-repeat;
	padding: 30px;
	font-size: 16px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	    overflow: hidden;
}

div.gywmtwoback dl:nth-of-type(3){ 
	margin-right: 0;
}

div.gywmtwoback dl span{ 
	color: #ba381f;
	    font-weight: 700;
}

div.gywmtwoback dl dt {
	font-size: 24px;
	font-weight: 700;
	line-height: 48px;
}

div.gywmtwoback dl dd {
	line-height: 36px;
}

div.gywmtwotitle{ width: 100%; margin-top: 9px; height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    font-size: 30px;
    font-weight: 700;}
div.gywmtwotitle span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;
}

div.gywmtwotitleline{ width: 92px; height: 10px; background: url(../image/gywmtwotitlebottombg.png) center no-repeat; margin: auto;}

div.gywmtwo_1title{ width: 100%; height: 113px; line-height: 113px; text-align: center; color: #ba381f; font-size: 24px; font-weight: 700; margin-bottom: 18px;}

div.gywmtwo_1desc{ width: 1200px; height: auto; margin: auto; text-align: center; margin-bottom: 96px;}

div.gywmtwo_1nav{ height: 59px; line-height: 59px; display: inline-block; color: #333333; font-size: 20px; margin: 0 36px;}

div.gywmtwo_1nav span{ color: #ba381f; font-weight: 700;}

div.gywmtwomain{ width: 1200px; height: 553px; margin: auto; background:url(../image/gywmtwomain.jpg) center no-repeat;}

div.gywmtwomainlt{ width: 450px; height: auto; margin-top: 93px; margin-left: 88px; float: left;} 

div.gywmtwomainlttitle{ width: 100%; height: 111px; line-height: 111px; font-size: 30px; font-weight: 700; color: #ba381f;}

div.gywmtwomainltdesc{ width: 100%; height: auto; line-height: 48px; color: #000000; font-size: 24px; font-weight: 100;}

div.gywmtwomainrtback{ width: 380px; height: auto; float: right; margin-right: 84px; margin-top: 36px;}

div.gywmtwomainrt{ line-height: 31px; color: #333333; font-size: 16px;}

div.gywmtwomainrt h1{ margin-top: 27px; color: #ba381f; font-size: 20px; line-height: 33px; font-weight: normal; margin-bottom: 0;}

div.gywmthree{ width:1200px; margin: auto; margin-top: 46px;
background-color: #fff;
    padding: 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

div.gywmthreetitle{ width: 100%; height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    font-size: 30px;
    font-weight: 700;} 
div.gywmthreetitle span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;
}
div.gywmtwolistback{ width: 366px; height: auto; margin-top:31px; float: left; margin-right: 20px;} 
div.gywmtwolistback:nth-of-type(3n) {
	margin-right: 0;
}

div.gywmtwolistpic{ width:366px; height:auto;   /* -webkit-mask-image: url(../image/gywmthreecppng.png);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-clip: border;
    -webkit-mask-origin: border; */
	
	overflow: hidden;
}
div.gywmtwolistback:hover .gywmtwolistpic img{ transform: scale(1.1);}
div.gywmtwolistback:hover .gywmtwolisttitle{ color: #6fba2c;}

div.gywmtwolistpic img{ width: 100%; height: 100%; transition: all 0.2s ease-in-out;
    transform: scale(1);}

div.gywmtwolisttitle{ width: 100%; height: 50px; line-height: 50px; text-align: center; color: #263646; font-size: 16px; font-weight: 700;}

div.gywmfourback{ width: 1200px; margin: auto; height: auto; margin-top: 50px;
background-color: #fff;
    padding: 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
} 

div.gywmfourlist{ width: 100%; height:580px; position: relative;}

div.gywmfourlisttime{ width:300px; height: 178px; line-height: 178px; position: absolute; left: 20px; top: 60px; color: #330033; font-size: 160px;font-family:'BEBAS'; font-weight: 700;}

div.gywmfourlisttime strong{font-weight: 700; color: #ff3333;font-family:'BEBAS';}

div.gywmfourlisttime p{font-family:'BEBAS';}

div.gywmfourlisttime span{font-family:'BEBAS';}

div.gywmfourlistcont{ width: 372px; height: 153px; position: absolute; left: 40px; top: 280px;}

div.gywmfourlistconttitle{ width: 100%; height: 54px; line-height: 54px; color: #333333; font-size: 24px;}

div.gywmfourlistcontdesc{ width: 100%; height: 93px; line-height: 31px; overflow: hidden; margin-top: 6px;}

div.gywmfourlistpic{ width: 470px; height: 559px; position: absolute; left: 634px; top: 30px;}

div.gywmfourlistpic img{ width: 470px; height: 559px;}

div.gywmfourleft{ width:35px; height: 35px; position: absolute; left: 50px; top:500px; background: url(../image/gywmfourleftjt.png) center no-repeat;z-index: 10; cursor: pointer;}

div.gywmfourright{ width:35px; height: 35px; position: absolute; left: 100px; top: 500px; background: url(../image/gywmfourrightjt.png) center no-repeat; z-index: 10; cursor: pointer;}

div.gywmfiveback{ width: 1200px; height: auto; background-color: #fff;
    padding: 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
	margin: 60px auto ;
}

div.gywmfive{ width: 100%; height: auto; margin: auto;}

div.gywmfivelt{ width: 661px; height: 345px; float: left; margin-top: 7px; margin-left: 6px;}

div.gywmfivelt img{ width: 661px; height: 345px;}

div.gywmfivert{ width: 428px; height: auto; float: right; margin-right: 5px;}

div.gywmfiverttitle{ width: 100%; height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
	margin-bottom: 30px;
}
	
div.gywmfiverttitle span{ position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;}

div.gywmfivertdesc{ width: 100%; height: auto; line-height: 33px; color: #333333; font-size: 18px; margin-top: 46px;}

div.gywmfivertcont{ width: 100%; height: auto; line-height: 36px; margin-top: 21px; color: #666666; font-size: 16px;}

div.gywmfivebottombg{ width: 100%; height: 182px; margin-top: 53px; background: url(../image/gywmbottompic.png) center no-repeat;}

div.gywmsixbk{ width:1200px; margin: auto; background-color: #fff;
    padding: 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;}

div.gywmsixtitle{ width: 100%; height: 90px;
    color: #2e2e2e;
    font-size: 30px;
    font-weight: 700;
    line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
}
div.gywmsixtitle span{ 
    position: absolute;
        bottom: 0px;
        left: 50%;
        margin-left: -60px;
        height: 3px;
        background-color: #6fba2c;
        width: 120px;
}

div.gywmsix{ width: 100%; height: auto; margin: auto; margin-top: 24px; margin-bottom: 53px;}

div.gywmsixlist{ width: 100%; height: auto; float: left; margin: 0 10px;} 



div.gywmsixlist:hover {
					transition: all 0.2s;}

div.gywmsixlist:hover img { transform: scale(1.1);}

div.gywmsixlistpic{ width: 100%; height: auto; overflow: hidden;}

div.gywmsixlistpic img{ width: 100%; height:auto; transform: scale(1); transition: all 0.2s ease-in-out;}

div.gywmsixlisttitle{ width: 100%; height: 72px; line-height: 72px; text-align: center; color: #263646; font-size: 18px; font-weight: 700; }

div.gywmsixlist:hover .gywmsixlisttitle{ color: #6fba2c;}

div.gywmsixmoreback{ width: 246px; height: 54px; margin: auto; margin-top: 25px; line-height: 54px; /* border-bottom-left-radius: 15px;border-top-right-radius: 15px; */ padding-left: 91px; font-size: 18px; padding-left: 91px; background:#208af8; transition: all 0.2s ease-in-out; border-radius: 5px;}

div.gywmsixmoreback a{ width: 100%; height: 100%; display: block; color: #fff;}

div.gywmsixmoreback:hover{background-color: #6fba2c;}

div.jjfaonemain{ width:100%; height: auto;}

div.jjfaonecntitle{ width: 1240px; height:auto; text-align: center; color: #333333; font-size: 30px; font-weight: 700;  line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative; margin: 0 auto;}
div.jjfaonecntitle span {
	    position: absolute;
	    bottom: 0px;
	    left: 50%;
	    margin-left: -60px;
	    height: 3px;
	    background-color: #6fba2c;
	    width: 120px;
	}

div.jjfaoneentitle{ width: 100%; height: 36px; line-height: 36px; text-align: center; color: #333333; font-weight: 700; margin-bottom: 9px; text-transform: uppercase; display: none;}

div.jjfaonelistback{ width: 1270px; margin: auto; margin-bottom: 50px; background-color: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); overflow: hidden;}

div.jjfaonelist{ width: calc(33.33% - 30px); margin: 0 15px; position: relative; float: left; margin-top: 22px; overflow: hidden;}

div.jjfaonelist img{ width: 100%; height: 100%;transition: all 0.2s ease-in-out;
    transform: scale(1); object-fit: cover;}

div.jjfaonelistcont{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(12,82,124,0.3); opacity: 0; transition: all 0.2s ease-in-out;}

div.jjfaonelist:hover div.jjfaonelistcont{ opacity: 1;}

div.jjfaonelist:hover .solution_title { color: #6fba2c;}

div.jjfaonelist:hover img{ transform: scale(1.1);}

div.jjfaonelistcontmiddle{ width: 90%; height: 100%; margin: auto; padding-top: 11%; position: relative;}

div.jjfaonelistcontmiddletitle{ width: 100%; height: .45rem; line-height: .45rem; color: #ffffff; font-size: 24px; font-weight: 700;}

div.jjfaonelistcontmiddletitleline{ width: 73px; height: 1px; background: #fff;}

div.jjfaonelistcontmiddledesc{ width: 100%; height: .78rem; line-height: .26rem; color: #ffffff; font-size: 18px;}

div.jjfaonelistcontmiddleftitle{ width: 100%; height: .24rem; line-height: .24rem; text-align: right; color: #ffffff; font-size: 14px; position: absolute; bottom: 0.3rem;}

div.jjfaonelist:hover{opacity: 1;}

div.jjfaonemoreback{ width:300px; height: 54px; line-height: 54px; text-align: center; color: #fff; background:#208af8; margin: auto; /* border-bottom-left-radius:15px; border-top-right-radius:15px; */  margin-top: 40px; border-radius: 5px; margin-bottom: 40px;}

div.jjfaonemoreback a{ display: block; width: 100%; height: 100%; color: #fff; font-size: 18px;}
div.jjfaonemoreback:hover {
	background-color: #6fba2c;
}

div.jjfatwomain1{ width:1270px; height: auto; margin: auto;}
div.jjfatwomain{ width:100%; height: auto; margin: auto;}


div.jjfatwomaintopbg{ width: 1154px; height: 109px; background: url(../image/jjfatwotitleback.jpg) center no-repeat;}

div.jjfatwolistback{ width: 100%; height: auto; margin-top: 45px;}

div.jjfatwoleftbk{ width: 50%; height: auto; float: left; border-top: #f2eded 1px solid; border-left: #ddd 1px solid;}

div.jjfatwoleftlist{ width: 100%; height: 65px; background: #e2f1d5; padding-left: 50px; color: #333333; font-size: 16px; font-weight: 700; overflow: hidden;border-top: #ddd 1px solid; line-height: 65px;}

div.jjfatworightbk{ width: 50%; height: auto; float: left; border-top: #e2f1d5 1px solid; border-left: #ddd 1px solid;}

div.jjfatworightlist{ width: 100%; height: 65px; background: #e2f1d5; padding-left: 50px; color: #333333; font-size: 16px; font-weight: 700; overflow: hidden;border-top: #ddd 1px solid; line-height: 65px;}

div.jjfatwobottombk{ width: 100%; height: auto;  margin-top: 58px;}

div.jjfatwobottomtitle{ width: 1200px; margin: 0 auto; height: 149px; line-height: 149px; text-align: center; color: #333333; font-size: 48px; font-weight: 700; margin-top: 45px; position: relative;border-bottom: 1px solid #eee; margin-bottom: 30px;}

div.jjfatwobottomtitle span {
	position: absolute;
	    bottom: 0px;
	    left: 50%;
	    margin-left: -60px;
	    height: 3px;
	    background-color: #6fba2c;
	    width: 120px;
	
}

div.jjfatwobottomdesc{ width: 1200px; margin: 0 auto; height: 39px; line-height: 39px; text-align: center; color: #333333; font-size: 24px; font-weight: 700;}

div.jjfatwobottomcont{ width: 1200px; margin: 0 auto; height: 141px; line-height: 47px; text-align: center; color: #333333; font-size: 18px; overflow: hidden; margin-top: 8px; margin-bottom: 50px;}

div.jjfathreeback{ width: 100%; height: auto; background: url(../image/jjfathreebg.jpg) 50%/cover no-repeat; position: relative; overflow: hidden;}

div.jjfathreelist{ width: calc(20% - 20px); height: auto; margin-top: 50px;float: left; text-align: center; margin: 80px 10px; background: rgba(255,255,255,0.9); padding: 50px 0; border-radius: 5px;}

div.jjfathreelistleft{ width: .87rem; height: .87rem; margin-top:0.11rem; line-height: .87rem; color: #fff; font-size: .36rem; font-weight: 700;font-family:'GOTHICB'; background: #6fba2c; text-align: center; border-radius: 50%; transition: all 0.2s ease-in-out; display: inline-block;}

div.jjfathreelistright{ width: 100%; height: auto; margin-top: 30px;}

div.jjfathreelistrighttitle{ width: 100%; height:0.31rem; line-height: 0.31rem; color: #333; font-size: .24rem; font-weight: 100;}

div.jjfathreelistrightdesc{ width: 100%; height: .57rem; line-height: .19rem; overflow: hidden; color: #333; font-size: .14rem; margin-top: 0.05rem;}



div.jjfathreelist:hover div.jjfathreelistleft{ background:#5ba4de; transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);}

div.jjfathreemoretopheight{ }

div.jjfafourback{ width: 1270px; margin: 0 auto; margin-top: 1.04rem;}

div.jjfafourtitleback{ width: 100%; height: 90px; line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto; color: #333333; text-align: center; font-size: 30px; font-weight: 700;}
	
	div.jjfafourtitleback span {
	    position: absolute;
	    bottom: 0px;
	    left: 50%;
	    margin-left: -60px;
	    height: 3px;
	    background-color: #6fba2c;
	    width: 120px;
	}

div.jjfafourlistbk{ width: 1270px; margin: auto; margin-bottom: 120px;}

div.jjfafourlist{ width: 402px; height: 455px; float: left; margin-top: 34px; margin-right: 32px; background-color: #fff; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); padding: 30px;}

div.jjfafourlist:nth-of-type(3n){ margin-right: 0;}

div.jjfafourlisttitle{ color: #263646; font-size: 20px; font-family: "GOTHICB"; display: inline-block;}

div.jjfafourlistcntitle{ width: 100%; height: 34px; line-height: 34px; text-align: center; color: #263646; font-size: 18px; font-weight: 700; margin-bottom: 23px;}

div.jjfafourlistpic{ width: 100%; height: 191px; overflow: hidden; margin-bottom: 26px; border-bottom-left-radius: 0px;border-top-right-radius: 0px; transition: all 0.2s ease-in-out; overflow: hidden; }

div.jjfafourlistpic img{ width: 100%; height: 100%; transition: all 0.2s ease-in-out; transform: scale(1);}

div.jjfafourlistdesc{ width: 100%; height: 91px; overflow: hidden; line-height: 23px; color: #767676; font-size: 12px;}

div.jjfafourlist:hover  div.jjfafourlistpic{ /* border-bottom-left-radius:25px;border-top-right-radius:25px; */}

div.jjfafourlist:hover div.jjfafourlistpic img{ transform: scale(1.1);}

div.jjfafourlist:hover div.jjfafourlistcntitle{ color: #6fba2c ;}

div.jjfafourlist:hover div.jjfafourlisttitle{ color: #6fba2c ;}

div.case_back{ width: 100%; height: auto; min-height: 500px; }

div.case_topback{ width: 1200px; height: auto; line-height:90px;margin: auto; margin-bottom:36px;}

div.case_topleft{ height: 90px; color: #2e2e2e; font-size: 30px; font-weight: 700; text-align: center; position: relative; border-bottom: 1px solid #eee;}
div.case_topleft span {
	position: absolute;
	    bottom:0;
	    left: 50%;
	    margin-left: -60px;
	    height: 3px;
	    background-color: #6fba2c;
	    width: 120px;
}
div.contact_topleft{ height: 42px; color: #2e2e2e; font-size: 30px; font-weight: 700; margin: 0 auto; text-align: center;}
div.news_topleft{ height: 42px; color: #2e2e2e; font-size: 30px; font-weight: 700; margin: 0 auto; text-align: center;}
div.news_topright{ width: 100%; text-align: center; margin-top: 30px;}

div.case_topright{ width: 100%; text-align: center; margin-top: 30px;}}

.contact_topright{ width: 100%; background-color: #fff; overflow: hidden;}

div.case_mainback{ width: 1366px; height: auto; margin: auto; background-color: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); margin-bottom: 30px; overflow: hidden;}

div.case_mainnav{ width: 660px; height: 521px; float: left; margin-top: 50px; }
div.case_mainnav:nth-of-type(2n) {float: right;}

div.case_mainnavpic{ width: 660px; height: 380px; overflow: hidden; margin-bottom: 9px;overflow: hidden;transition: all 0.2s ease-in-out; }

div.case_mainnavpic img{ width: 660px; height: 380px;}

div.case_maintitle{ width: 100%; height: 89px; line-height: 89px; overflow: hidden; color: #333333; font-size:30px; font-weight: 700;}

div.case_maindesc{ width: 100%; height: 46px; overflow: hidden; line-height: 23px; color: #666666; font-size: 16px;}

div.case_mainnav:hover div.case_mainnavpic{ border-top-right-radius: 25px;border-bottom-left-radius: 25px;}


div.case_mainnav:hover div.case_maintitle{ color: #6fba2c;}

div.case_showonebk{ width: 1200px;  margin: auto; margin-top: 50px; background-color: #fff;padding: 30px 30px 0 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden; margin-bottom: 50px;} 

div.case_showoneleft{  width: 643px; height: 432px; float: left; }

div.case_showoneleft img{ width: 643px; height: 391px;}

div.case_showoneright{ width: 460px; float: right;}

div.case_showonerighttitle{ width: 100%; height:29px; line-height: 29px; color: #333333; font-size: 30px; font-weight: 700; overflow: hidden;
text-align: center;padding: 20px 0;}

div.case_showonerightdesc{ width: 100%; height: 210px; line-height: 30px; margin-top: 30px; color: #666666; font-size: 16px; overflow: hidden;}

div.case_twoshowback{ width: 1200px; height: auto; margin: auto; margin-top: 50px;}

div.case_twotitle{ width: 1200px; height: 50px; background: url(../image/case_contenttwotitle.png) center no-repeat; margin-top: 29px;}

div.case_twocont{ width: 1200px; height: auto; margin: auto;}

div.case_twocont img{ max-width: 100%;}

div.case_threeshowback{ width: 1200px; height: auto; margin: auto;}

div.case_threeshowtitle{ width: 1160px; height: 90px;color: #2e2e2e;
    font-size: 30px;
    font-weight: 700;line-height: 90px;border-bottom: 1px solid #eee; position: relative; margin: 0 auto; text-align: center; margin-bottom: 20px;}
	
div.case_threeshowtitle span {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -60px;
	height: 3px;
	background-color: #6fba2c;
	width: 120px;
}

div.case_threeshowcontent{ width: 100%; height: auto; line-height: 30px; color: #666666; font-size: 16px; background-color: #fff; padding: 30px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); overflow: hidden; }

div.case_threeshowcontent img{ max-width: 100%;}

div.case_threeshowback{ margin-bottom:50px;}

div.caseshow_fourback{ width: 1200px; height: auto; margin: auto;background-color: #fff;
    padding: 30px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;}

div.caseshow_fourtitle{ width: 1130px; height: 90px; color: #2e2e2e;
    font-size: 30px;
    font-weight: 700;line-height: 90px; border-bottom: 1px solid #eee; position: relative; margin: 0 auto; text-align: center;
}
div.caseshow_fourtitle span {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -60px;
	height: 3px;
	background-color: #6fba2c;
	width: 120px;
}

div.news_mainback{ width: 1130px; height: auto; margin: 30px auto 0 auto; overflow: hidden; border-bottom: 1px solid #eee; padding-bottom: 30px;}
 
div.news_listback{ width: 1130px; height: 178px; margin: auto;}

div.news_listright{ width: 272px; height: 178px; float: right; overflow: hidden; transition: all 0.2s ease-in-out; }

div.news_listright img{ width: 272px; height: 178px;transform: scale(1);transition: all 0.2s ease-in-out; }

div.news_listleft{ width: 820px; height: auto; float: left;transition: all 0.2s ease-in-out;}

div.news_listlefttitle{ width: 100%; height: 53px; line-height: 49px; overflow: hidden; color: #3e3e3e; font-size: 18px; background: url(../image/xw_righttitlebg.jpg) left bottom no-repeat;}

div.news_listleftdesc{ width: 100%; height: 58px; margin-top: 16px; color: #939393; font-size: 16px; line-height: 29px;}

div.news_listlefttime{ width: 100%; height: 16px; margin-top: 29px; padding-left: 23px; background: url(../image/xw_time.png) center left no-repeat; color: #656565; font-size: 16px; line-height: 16px;}

div.news_mainback:hover div.news_listright{ /* border-bottom-left-radius: 15px; border-top-right-radius: 15px; */}

div.news_mainback:hover div.news_listright img{ transform: scale(1.1);}

div.news_mainback:hover div.news_listlefttitle{ color: #6fba2c;}

div.news_mainback:hover div.news_listleft{ padding-left: 30px;}

div.lxwmoneback{ width: 1200px; height: auto; margin: auto; margin-top: 56px; margin-bottom: 70px;}

div.breadlxwm_topright{ width: 1200px; margin: 0 auto; height: 42px; line-height: 42px; color: #8d8d8d; background: url(../image/lxwmbread.png) left center no-repeat; padding-left: 32px;}

div.breadlxwm_topright a{ color: #8d8d8d;}

div.lxwmoneleft{ width: 100%; height: 370px; margin-bottom: 30px;}

div.lxwmoneright{ width: 50%; height: 370px; float: left; background:#6fba2c;  padding-left: 80px; padding-top: 51px;}

div.lxwmonerightlist{ width: 477px; height: 33px; line-height: 33px; margin-top: 42px; padding-left: 48px; color: #ffffff; font-size: 16px;}

div.lxwmtwoback{ width: 50%; height: auto; float: left; background-color: #F6F9F4; height: 370px; padding: 0 20px;}

div.lxwmtwotitle{ width: 100%; height: 52px; color: #2e2e2e; text-align: center;
    font-size: 24px;
    font-weight: 700; margin-top: 51px;}

div.lxwmtwonav{ width: calc(33.33% - 20px); float: left; height: 58px; font-size: 14px; line-height: 58px; margin-top: 20px; background-color: #fff; margin-left: 10px; margin-right: 10px; border-radius: 3px;}

div.lxwmtwonav input{ width: 100%; height: 100%; display: block; background: none; border: none; color: #333; text-indent: 10px;} 

div.lxwmtwosubmit{ width: calc(100% - 20px); height: 49px; border-radius: 5px; background: #6fba2c; text-align: center; line-height: 49px; font-size: 16px; margin: auto; margin-top: 30px; }

div.lxwmtwosubmit input,div.lxwmtwosubmit a{ width: 100%; height: 100%; display: block; background: none; border: none;  color: #fff;}

div.cponeback{ width:1250px; margin: auto; margin-top: 0; margin-bottom:62px; }

div.cponeleftbk{ width: 346px; float: right;}

div.cponelefttitle{ width: 100%; height: 90px;
    line-height: 90px;  color: #333333; font-size: 30px; font-weight: 700;position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px; text-align: center;}
	
		.cpone_box {
			background-color: #fff;
			    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
			    overflow: hidden;
				padding: 30px;
		}
		
			.youshi_box {
				background-color: #fff;
				    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
				    overflow: hidden;
				    padding: 30px;
					margin-bottom: 30px;
			}
div.cponelefttitle span{
	position: absolute;
	    bottom: 0px;
	    left: 50%;
	    margin-left: -60px;
	    height: 3px;
	    background-color: #6fba2c;
	    width: 120px;
}

div.cponeleftdesc{ width: 100%; height: 210px; line-height: 37px; color: #333333; font-size: 18px; margin-top: 30px;}

div.cponerightbk{ width: 800px; height: 450px; float: left;}

div.cptwoback{ width: 100%; height: 227px; background: url(../image/cptwobg.jpg) center no-repeat;}

div.cptwoback a{ width: 100%; height: 100%; display: block;}

div.cpthreeback{ width: 1250px; height: auto; margin: auto; margin-top: 0px; margin-bottom: 0;}

div.cpthreeleft{ width: 413px; height: auto;  float: left; /* background: url(../image/cpthreeleftpic.jpg) center no-repeat; */padding-top: 0; 
padding: 50px 0;
    background: #0C5286;
    opacity: 1;
    box-shadow: 0 0 20px 0 rgba(12,82,134,0.20);
    border-radius: 2px;
    width: 260px;
	margin-left: 20px;
}

div.cpthreeback .youshi_title{ width: 100%;
    height: 90px;
        line-height: 90px;
    color: #333333;
    font-size: 30px;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    text-align: center;
}

div.cpthreeback .youshi_title span {
	position: absolute;
	    bottom: 0px;
	    left: 50%;
	    margin-left: -60px;
	    height: 3px;
	    background-color: #6fba2c;
	    width: 120px;
}

div.cpthreenav{ width: 308px; height: 60px; line-height: 60px; padding-left: 9px; margin-left: 45px; color: #fff; font-size: 20px; cursor: pointer; transition: all 0.2s ease-in-out;}

div.cpthreenavbg{ background: url(../image/cpthreenavbg.png) #208af8 center no-repeat;

    box-shadow: 0 8px 16px 0 rgba(32,183,248,0.30);
    border-radius: 2px;
    margin-left: -20px;
    padding-left: 50px;
}

div.cpthreertback{ width: 800px; float: right; margin-left: 73px; display: none;}

div.cpthreerttop{ width: 100%; height: 80px;  margin-top: 20px; margin-bottom: 47px;}

div.cpthreerttoplt{ width: 566px; float: left; height: 80px; line-height: 80px; color: #434343; font-size: 36px; font-weight: 700; position: relative;}
div.cpthreerttoplt span {
	position: absolute;
	height: 3px;
	width: 90px;
	background-color: #6fba2c;
	left: 0;
	bottom: 0;
}
 
div.cpthreerttoprt{ width: 110px; height: 47px; line-height: 47px; float: right; color: #333333; font-size: 25px; font-family: "MontserratLight"; }

div.cpthreerttoprt span{ font-size: 36px; color: #6fba2c; font-weight: bold;}

div.cpthreertcont{ width: 100%; height: auto; overflow: hidden; line-height: 48px; font-size:24px; }

div.cpfourpic{ width: 1250px; height:89px; background:url(../image/cpfourtitleback.png) center no-repeat; margin: auto; margin-bottom: 70px; display: none;}

div.cpfourmain{ width: 1270px; height: auto; overflow: hidden; margin: 0 auto;}

div.cpfourmaintitle{ width: 100%; color: #333333; font-size: 30px; font-weight: 700;

    height: 90px;
    line-height: 90px;
position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    text-align: center;
}

div.cpfourmaintitle span {
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;
}

div.cpfourmainnavback{ width: 100%; height: auto;  text-align: center; color: #333333; font-size: 18px;}

div.cpfourmainnavback a{ 
width: 96px;
    height: 42px;
    line-height: 42px;
	color: #fff;
    text-align: center;
    overflow: hidden;
    background: #208af8;
    margin: 0 16px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    border-radius: 5px;
}

div.cpfourmainnavback a.yansehover{ background: #6fba2c; color: #fff;}

div.cpfourmainnr{ width: 1270px; height: 652px; position: relative; margin: 30px auto;}

div.cpfourpic1{ width: 1270px; height: 652px; display: none;}

div.cpfourpic1 img{ width: 1270px; height: 652px;}

div.cpfourcontentbk{ width: 1270px; height: 60px; left: 50%; margin-left: -635px; position: absolute; bottom: 0; z-index: 1; background: rgba(0,0,0,0.30);}

div.cpfourcontentlt{  float: left; height: 60px; line-height: 60px; margin-left: 64px; font-size: 30px;font-family: "MontserratLight"; font-weight: 700; display: none;}
 
div.cpfourcontentlt span.hovercolor{ color: #0c527c;}

div.cpfourcontentrt{ width: 96%; line-height: 60px; color: #fff; font-size: 18px; display: none; text-align: right; margin: 0 auto;}

div.cpfiveback{ width: 100%; height: auto;}

div.cpfivetitleback{ width: 100%;
    height: 90px;
    line-height: 90px;
    border-bottom: 1px solid #eee;
    position: relative;
    margin: 0 auto;
    color: #333333;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
}

div.cpfivetitleback span { 
	position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -60px;
    height: 3px;
    background-color: #6fba2c;
    width: 120px;
}

div.cpfivemain{ width: calc(100% + 20px); max-width: 1456px; margin: auto; margin-left: -10px; margin-top: 30px; margin-bottom: 50px;}

div.cpfivelist{ width: calc(100% - 20px); height: auto;background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    padding: 10px;
	margin: 10px;
}

div.cpfivelist:hover .cpfivelistconttitle {
	color: #6fba2c;
}

div.cpfivelistpic{ width: 100%; height: auto; overflow: hidden; text-align: center;}

div.cpfivelistpic img{width: 100%; transition: all 0.2s ease-in-out; transform: scale(1);}

div.cpfivelist:hover div.cpfivelistpic img{ transform: scale(1.1);}

div.cpfivelistcont{ width: 95%; margin: auto; margin-top: 33px;}

div.cpfivelistconttitle{ width: 100%; height: 26px; line-height: 26px; overflow: hidden; font-size: 18px; font-weight: 700; color: #263646;}

div.cpfivelistcontdesc{ width: 100%; height: 88px; line-height: 22px; margin-top: 10px; overflow: hidden; color: #767676; font-size: 13px; }

div.cpfinbg{ width: 33px; height: 151px; margin: auto; background: url(../image/cpbottomjt.png) center no-repeat; display: none;}

div.danyecontent{ width: 1200px; height: auto; margin: auto; margin-top: 20px; margin-bottom: 100px; line-height: 30px; font-size: 16px; color: #393939; }

div.danyecontent img{ max-width: 100%;}

div.nyxxback{ width:100%; height:auto; margin:auto; margin-bottom:.15rem; margin-top: 35px;}

div.xinwenxxback{ width:1200px;height:auto; margin:auto; background-color: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); margin-bottom: 50px; padding: 30px;}

div.xinwenxxtopdata{ width:100%; border-bottom:#d0d0d0 1px dashed;text-align:right; color:#a2a2a2; font-size:.12rem; text-align: center; padding: 20px;}

div.xinwenxxtoptitleback{ font-weight:700;  width:100%; height:auto; line-height:.3rem; text-align:center; color:#323232; font-size:.24rem;}

div.xinwenxxtopcontent{  max-width:12.8rem; width:100%; height:auto; line-height:.3rem; color:#7e7d7d; font-size:.16rem; }

div.xinwenxxtopcontent img{  max-width:100%; }

div.xinwenxxtopsyy{ width:100%;  transition:all 0.2s ease-in-out; margin-top: 10px;}

div.xinwenxxtopsyytitle{ line-height:29px; color:#333; font-size:14px;}

div.xinwenxxtopsyytitle em{ background-color: #6fba2c; padding: 5px 8px; color: #fff; margin-right: 10px;}

div.xinwenxxtopsyytitle a{ color:#333; transition:all 0.2s ease-in-out;}

div.xinwenxxtopsyytitle a:hover{ color:#6fba2c;}

div.nyheadrightltnavxl{ width:150px; height: auto; position:absolute; left: 50%; margin-left: -75px; top: 0; opacity: 0; top: -10px; transition: all 0.2s ease-in-out;}

div.nyheadrightltnavxlnav{ width: 100%; height: 45px; line-height: 45px; text-align: center; line-height: 45px; background: #fff; font-size: 14px;transition: all 0.2s ease-in-out;}

div.nyheadrightltnavxlnav a{ width: 100%; height: 100%; display: block; color: #313131;}

div.nyheadrightltnavxlnav:hover{ background:#0c475f;}

div.nyheadrightltnavxlnav:hover a{ color: #fff; margin-left: 10px;}

div.nyheadrightltnav{ overflow: hidden;}
  
div.nyheadrightltnav:hover div.nyheadrightltnavxl{ opacity: 1; top: 0;}

div.nyheadrightltnav:hover{ overflow: inherit;}

div.case_threeshowcontent video{ width: 100% !important; height: 50vh !important;}

div.indexnavxl{ width:150px; height: auto; position:absolute; left: 50%; margin-left: -75px; top: 0; opacity: 0; transition: all 0.2s ease-in-out; margin-top: 109px; background: #fff;}

div.indexnavxlnav{ width: 100%; height: 45px; line-height: 45px; text-align: center; line-height: 45px;  font-size: 14px;transition: all 0.2s ease-in-out;}

div.indexnavxlnav a{ width: 100%; height: 100%; display: block; color: #313131;;transition: all 0.2s ease-in-out;}

div.indexnavxlnav:hover{ /* background:rgba(255,255,255,0.3); */ background-color: #0c475f; color: #fff; padding-left: 10px;}
div.indexnavxlnav:hover a{ /* background:rgba(255,255,255,0.3); */ color: #fff; }

div.indexnavxlnav:nth-child(1){border-top: 1px solid rgba(255,255,255,0.4);}

div.indexnav{ overflow: hidden;}
  
div.indexnav:hover div.indexnavxl{ opacity: 1; top: 0;}
 
div.indexnav:hover{ overflow: inherit;} 

div.cpfourjtl{ width: 50px; height: 155px; position: absolute; left: 15px; top: 50%; margin-top: -123px; background: url(../image/cpnewjtl.png) center no-repeat; transition: all 0.3s ease-in-out;  cursor: pointer; z-index: 99;}

div.cpfourjtl:hover{ left: 10px;}

div.cpfourjtr{ width: 50px; height: 155px; position: absolute; right: 15px; top: 50%; margin-top: -123px; background: url(../image/cpnewjtr.png) center no-repeat; transition: all 0.3s ease-in-out; cursor: pointer;z-index: 99;}

div.cpfourjtr:hover{ right: 10px;}

div.gsleftvr{ width: 120px; height: 269px; position: fixed; left: 0; top: 15%; background: url(../image/vrleftfollow.png) center no-repeat; z-index: 999999; background-size: 120px;} 

div.gsleftvr a{ display: block; width: 100%; height: 100%;}

div.gsleftvr_bottom{width: 188px; height: 87px; position: fixed; left: -6px; top: 15%; background: url(../image/shengming.png) center no-repeat; z-index: 999999; margin-top: 194px; background-size: 188px;}

div.gsleftvr_bottom a{ display: block; width: 100%; height: 100%;}